<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>纯CSS3鼠标滑过彩色动画按钮</title>

<link rel="stylesheet" href="a.css">

</head>
<body>

<div class="container">
	<button class="btn-1">Button 1</button>
	<button class="btn-2">Button 2</button>
	<button class="btn-3">Button 3</button><br>
	<button class="btn-4">Button 4</button>
	<button class="btn-5">Button 5</button>
	<button class="btn-6">Button 6</button><br>
	<button class="btn-7">Button 7</button>
	<button class="btn-8">Button 8</button>
	<button class="btn-9">Button 9</button>
</div>
</body>
</html>